<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>砸蛋页</title>
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1349763_lqrnqlkyikj.css"/>
    <link rel="stylesheet" href="../css/last.css"/>
</head>

<body>


<!--标题-->
<section class="title" flex="main:center">
    <img src="../img/title1.png"/>
</section>



<!--选择金蛋-->
<section class="xuanze">
    <div></div>
</section>


<!--金蛋-->
<section class="stage">
    <img class="egg egg1" name="lie1" src="../img/egg.png" />
    <img class="egg egg2" name="lie2" src="../img/egg.png" />
    <img class="egg egg3" name="lie3" src="../img/egg.png" />
    <!-- 裂开-->
    <img class="egglie lie1" src="../img/eggAni.gif" />
    <img class="egglie lie2" src="../img/eggAni.gif" />
    <img class="egglie lie3" src="../img/eggAni.gif" />
    <!-- 预加载-->
    <img class="lie4" src="../img/eggAni.gif" />
</section>



<!--啤酒花-->
<section class="last"></section>



<!--黑色蒙层-->
<div class="black"></div>



<!--中啤酒-->
<section class="tpisbeer">
    <button id="getBeer">去领取</button>
</section>

<!--地址-->
<section class="address">
    <i class="iconfont iconguanbi" id="closeForm"></i>
    <div class="tianxie">
        <div flex>
            <span>收件人</span>
            <input type="text" id="uname"/>
        </div>
        <div flex>
            <span>手机号</span>
            <input type="text" id="mobile"/>
        </div>
        <div class="address2" flex>
            <span>收货地址</span>
            <input type="text" id="sAddress"/>
        </div>
    </div>
    <button class="submitForm">提交</button>
</section>



<!--提交成功-->

<section class="succeed">
    <i class="iconfont iconguanbi" id="successClose"></i>
</section>



<!--优惠券-->
<section class="coupons">
    <i class="iconfont iconguanbi" id="closeTicket"></i>
    <button id="useTicket">立即使用</button>
</section>


<script src="../js/last.js"></script>
</body>
</html>